layui.use('laytpl', function(){
	var laytpl = layui.laytpl;
	var $ = layui.$;
	//接收上一个页面的传值
	function getQueryVariable(variable){
	    var query = window.location.search.substring(1);
	    var vars = query.split("&");
	    for (var i=0;i<vars.length;i++) {
	        var pair = vars[i].split("=");
	        if(pair[0] == variable){return pair[1];}
	    }
	    return(false);
	}
	function initData(id,data,getTpl){
		view = document.getElementById(id);
		laytpl(getTpl).render(data, function(html){
		  view.innerHTML = html;
		});
	}
	var dat = {'data':{ //数据
		  "id": 0,
		  "avatar":"./static/images/unLogin.png"
		  ,"name":	"未登录"
}}
	 function intiKMInfo() {
			var user = layui.sessionData('user');
			if(user == null || user == undefined ||$.isEmptyObject(user)){
				user = dat;
				$('#edit').addClass('layui-hide')
			}
			var getTpl = person.innerHTML
			initData('account',user,getTpl);
			//加载分类
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8080/blog/category/categoryTypeList",
                success: function (data) {   
                	var res = { //数据
					  "data":{'categoryList':[
						  {
							  'id':1,
							  content:'PHP'
							  },
						  {
							  'id':2,
							  content:'Java'},
						  {
							  'id':3,
							   content:'Python'},
						  {
						      'id':4,
							   content:'C++'}]}
					}
                	var rs = JSON.parse(data);
                	console.log(rs)
                	var getTpl = category.innerHTML
                	if(rs.data!=null){
                		initData('categoryList',rs.data,getTpl);
                	}else{
                		initData('categoryList',res.data,getTpl);
                	}
                	layui.data('category', {
                		  key: 'categoryList'
                		  ,value: rs.data
                		});
                }
            });
          //加载文章列表
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8080/blog/article/getArticleByContent?page="+1+"&limit="+10,
                data:{
                	id: getQueryVariable('id'),
                	isLabel: true
                },
                success: function (data) {
                	var rs = JSON.parse(data);
                	console.log(rs)
                	var getTpl = articleList.innerHTML
                	var getTp = hotArticle.innerHTML
                	if(rs.data!=null){
                		initData('articleListView',rs.data,getTpl);
                		initData('hotArticleView',rs.data,getTp);
                	}else{
                		initData('articleListView',[],getTpl);
                		initData('hotArticleView',[],getTp);
                	}
                	layui.laypage.render({
                	    elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
                	    ,count: rs.data.data.total //数据总数，从服务端得到
                	    ,limit:10
                	    ,jump: function(obj, first){
                	        //obj包含了当前分页的所有参数，比如：
                	        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                	        console.log(obj.limit); //得到每页显示的条数
                	        
                	        //首次不执行
                	        if(!first){
                	        	$.ajax({
                	                type: "GET",
                	                url: "http://127.0.0.1:8080/blog/article/articleList?page="+obj.curr+"&limit="+obj.limit,
                	                success: function (data) {
                	                	var rs = JSON.parse(data);
                	                	console.log(rs)
                	                	var articleListTpl = articleList.innerHTML
                	                	initData('articleListView',rs.data,articleListTpl);
                	                }
                	        	})
                	        }
                	      }
                  	});
                }
            });
            //加载文章
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8080/blog/label/labelType",
                data:{
                	id: getQueryVariable('id'),
                },
                success: function (data) {
                	var rs = JSON.parse(data);
                	console.log(rs)
                	console.log(rs.data.data)
					document.getElementById("cite").innerHTML=rs.data.data.content;
                }
            });
        }
	intiKMInfo();
    $('#logout').on('click',function(){
    	layui.sessionData('user',{
    		key:'data',
    		remove: true
    	})
    	layer.msg("注销成功！")
    	window.location.href="./index.html"
    })
	})
	layui.carousel.render({
	    elem: '#carousel'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    //,anim: 'updown' //切换动画方式
  	});